.tree { margin: 0; padding: 0; list-style-type: none; }
    .tree li { white-space: nowrap;}
        .tree li ul { list-style-type: none; margin: 0; padding: 0; }
.tree-node { height: 18px; white-space: nowrap; cursor: pointer; }
.tree-hit { cursor: pointer; }
.tree-expanded,
.tree-collapsed,
.tree-folder,
.tree-file,
.tree-checkbox,
.tree-indent { display: inline-block; width: 16px; height: 18px; vertical-align: top; overflow: hidden; }
.tree-expanded { background: url('/static/app/controls/icons-tree.png') no-repeat -18px 0px; }
.tree-expanded-hover { background: url('/static/app/controls/icons-tree.png') no-repeat -50px 0px; }
.tree-collapsed { background: url('/static/app/controls/icons-tree.png') no-repeat 0px 0px; }
.tree-collapsed-hover { background: url('/static/app/controls/icons-tree.png') no-repeat -32px 0px; }
.tree-lines .tree-expanded,
.tree-lines .tree-root-first .tree-expanded { background: url('/static/app/controls/icons-tree.png') no-repeat -144px 0; }
.tree-lines .tree-collapsed,
.tree-lines .tree-root-first .tree-collapsed { background: url('/static/app/controls/icons-tree.png') no-repeat -128px 0; }
.tree-lines .tree-node-last .tree-expanded,
.tree-lines .tree-root-one .tree-expanded { background: url('/static/app/controls/icons-tree.png') no-repeat -80px 0; }
.tree-lines .tree-node-last .tree-collapsed,
.tree-lines .tree-root-one .tree-collapsed { background: url('/static/app/controls/icons-tree.png') no-repeat -64px 0; }
.tree-line { background: url('/static/app/controls/icons-tree.png') no-repeat -176px 0; }
.tree-join { background: url('/static/app/controls/icons-tree.png') no-repeat -192px 0; }
.tree-joinbottom { background: url('/static/app/controls/icons-tree.png') no-repeat -160px 0; }
.tree-folder { background: url('/static/app/controls/icons-tree.png') no-repeat -208px 0; }
.tree-folder-open { background: url('/static/app/controls/icons-tree.png') no-repeat -224px 0; }
.tree-file { background: url('/static/app/controls/icons-tree.png') no-repeat -240px 0; }
.tree-loading { background: url('/static/app/controls/loading.gif') no-repeat center center; }
.tree-checkbox0 { background: url('/static/app/controls/icons-tree.png') no-repeat -208px -18px; }
.tree-checkbox1 { background: url('/static/app/controls/icons-tree.png') no-repeat -224px -18px; }
.tree-checkbox2 { background: url('/static/app/controls/icons-tree.png') no-repeat -240px -18px; }
.tree-title { font-size: 12px; display: inline-block; text-decoration: none; vertical-align: top; white-space: nowrap; padding: 0 2px; height: 18px; line-height: 18px; }
.tree-node-proxy { font-size: 12px; line-height: 20px; padding: 0 2px 0 20px; border-width: 1px; border-style: solid; z-index: 9900000; }
.tree-dnd-icon { display: inline-block; position: absolute; width: 16px; height: 18px; left: 2px; top: 50%; margin-top: -9px; }
.tree-dnd-yes { background: url('/static/app/controls/icons-tree.png') no-repeat -256px 0; }
.tree-dnd-no { background: url('/static/app/controls/icons-tree.png') no-repeat -256px -18px; }
.tree-node-top { border-top: 1px dotted red; }
.tree-node-bottom { border-bottom: 1px dotted red; }
.tree-node-append .tree-title { border: 1px dotted red; }
.tree-editor { border: 1px solid #ccc; font-size: 12px; height: 14px !important; height: 18px; line-height: 14px; padding: 1px 2px; width: 80px; position: absolute; top: 0; }
.tree-node-proxy { background-color: #ffffff;}
.tree-node-hover { background-color: #f87047;width:320px;}
.tree-node-selected { background-color: #f87047;width:320px;}
